.bg-primary {
    background-color: #257DAE !important;
    /*background-image: url("../images/header.jpg") !important;*/
    background-repeat: no-repeat, repeat;
    background-size: cover;
}
.logo img{
    height:60px;
}
#navbarDropdownMenuLink00 {
    background-color: #257DAE;
    color: white !important;
}
.search-categories button{
    background-color: #257DAE;
    color: white !important;
}
.fa-angle-down{
    border-color: white !important;
}


/*-------------------------------------------------*/
.banks-payment ul {
    margin: 0;
    padding: 5px;
}
.banks-payment li {
    margin: 0;
    padding: 5px;
    display:inline-flex;
}

.banks-payment img {
    display: block;
    margin: 0 auto 10px auto;
    width: 32px;
    height: 32px;
    margin: 10px auto 0;
    line-height: 32px;
    text-align: center;
    font-size: 20px;
    color: #444444;
    margin-top:0;
    padding-top:5px;
}

.banks-payment a span{
    color:black;
    font-size:10px;
    padding:5px 0 10px 0;
    display:block;
    text-transform:uppercase;
}
.payBtn {
    text-align: right;
    padding: 10px;
}
.tab-pane{
    padding:10px;
}
body[dir='rtl'] .payBtn{
    text-align: left;
    padding: 10px;
}

.btn {
    border-radius: .25rem !important;
}
.header-area .header-mini .navbar-0 .navbar-brand .ui-selectmenu-button .ui-selectmenu-image {
    top: 7px !important;
    background-size: contain;
    width: 20px;
    font-size: 6px !important;

}

.mystar {
    font-size: 16px;
    padding: 0 1px;
    margin: -1.7px;
    color: #F0CA4D !important;
    text-decoration: none;
}

.cart-thumb {
    float: left;
    width: 80px;
    height: 80px;
    display: block;
    overflow: hidden;
    border-radius: 0;
    border: 1px solid #ced4da;
    margin-right: 15px;

}

element {

    display: fixed;
    position: fixed;
    top: 0;
    overflow: hidden;
    width: 100%;
    z-index: 99999999999999999;

}

body[dir='rtl'] .fa-check{
    padding-left:2px !important;
}
@font-face {
    font-family: Al-Jazeera-Arabic-Regular;
    src: url("../fonts/droid-arabic-kufi/Al-Jazeera-Arabic-Regular.ttf");
    font-weight: normal;
    font-size:12px !important;
}
@font-face {
    font-family: droid-kufi;
    src: url("../fonts/droid-arabic-kufi/ArbFONTS-Droid-Arabic-Kufi.ttf");
    font-weight: normal;
    font-size:12px !important;
}

body[dir='rtl'] body, a, h1,h2,h3,h4,h5, span, p, li, .card-title, .card-header, div ,.dropdown-item, select, option, .form-control{
     font-family: "droid-kufi", sans-serif; !important;
     font: FontAwesome;


 }
.header-area .header-navi .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-item, .form-control {
    font-family: "droid-kufi", sans-serif;
    font: FontAwesome;
}
body[dir="rtl"] table{
    text-align:right;
}

body[dir="rtl"] .row{
    text-align:right;
}
.header-area .header-maxi .top-right-list .wishlist-header {
    /*margin-bottom: 13px;*/
}

.fa-angle-double-right::before {
    content: "\00BB";
}
body[dir='rtl'] .banner-content, th, td, tr, h1,h2,h3,h4, h5 {
   /* text-align:right !important; */
}
body[dir="rtl"] .product-detail-area .product-tabs .tab-content ul {
    text-align: right;
}
.order-summary{
    padding-top:20px !important;
}
.card-shipping{
    cursor:pointer;
}
.breadcrump-next + .breadcrump-next::before{
    content: "\00BB" !important;
}

.gray .col-4, .gray .col-3{
    color:#b3b3b3;
}
body[dir='rtl'] .gray{
    text-align:right;
}
.carousel-content{
    display:none !important;
}
body[dir='rtl'] #product_review{
    text-align:right;
}

.product-detail-area .detail-area .product-summary .product-title {
    font-size:1rem !important;
}
.product-reviewer{
    color:#b3b3b3;
}
.product-review-title{
    color:#257DAE !important;
}
.product-feedback{
    /*color:gray;*/
}
body[dir='rtl'] .review-time{
    text-align:left;
}
.review-time{
    font-size: 12px;
    text-align:right;
    color:#b3b3b3;
}
.social-button {
    padding: 0px 5px;
}
.social-media{
    font-size:20px;
}
.social-media .facebook{
    color:#3b5999;
}
.social-media .twitter{
    color:#55acee;
}
.social-media .googlepuls{
    color:#dd4b39;
}
.social-media .whatsapp{
    color:#25D366;
}
.social-media .linkedln{
    color:#0077B5;
}
.social-media .instagram{
    color:#e4405f;
}
.social-media .snapchat{
    color:#FFFC00;
}
.star-rating{
    color:#F0CA4D;
    font-size: 12px !important;
}
.free-delivery{
    color:green;
}
.product article .thumb {
    height: 200px !important;
}
.product article .title{
    font-size:0.75rem !important;
}
.product article .price {
    font-size:1rem !important;
}
#slider-values .slider-value-0, #slider-values  .slider-value-1{
    width:100% !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
}
article .block-panel .title{
    margin-bottom: 0px !important;
}
.starrr {
    display: inline-block;
}
.starrr a{
    font-size: 16px;
    padding: 0 1px;
    cursor: pointer;
    color: #F0CA4D !important;
    text-decoration: none;
}
.review-btn{
    padding: 0.20rem 0.5rem !important;
    font-size: 0.7125rem !important;
    line-height: 1.5rem !important;
    border-radius: 0;
}
body[dir=rtl] .card-header, body[dir=rtl] .card-body, body[dir=rtl] .card-title, body[dir=rtl] .card-text, body[dir=rtl] .hala-product-review{
    text-align: right !important;
}
.product-detail-area .detail-area .product-summary .ta .fa {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    font-size: 1.5rem;
    color: #F0CA4D;
    text-decoration: none;
    cursor: pointer;
}
.view_product{
    height: 100%;
    width: 100%;
}
.product-hover>.buttons{
    display:none;
}
.product-hover{
    background-color: rgba(255, 255, 255, 0.3) !important;
    cursor:pointer;
}
.products .featured{
    width:20% !important;
}
.products .product.product-2x article .thumb {
    width:100% !important;
    right: 0px !important;
    bottom: 0px !important;
    margin-top: -40px;
}
article .featured{
    position: relative !important;
}
.product.product-2x article .title{
    font-size: 0.875rem !important;
}
.products .product.product-2x article .price {
    font-size: 1.25rem !important;
    margin-top: -8px;
}
.product article .tag {
    padding:0px !important;
}
.buy-now{
    background-color: #ff0000;
    color:white;
}
/* =================== View Order ==================================*/

.bs-wizard {margin-top: 20px;}
.orders-detail-area .row {
    margin-bottom: 18px !important;
}
/*Form Wizard*/
.pos{
    padding-top: 9px;
    font-size: 1.7rem !important;
    padding-left: 3px;
    color:gray;
    margin-left: 8px;
}
body[dir='rtl'] .pos{
    padding-left: 10px;
}
#tracking {
    margin-bottom: 0rem;
}
.pos-active{
    color:white !important;
}
.step-active{
    background-color:#65ce65 !important;
}
.step-inactive{
    color:#d5d5d5 !important
}
.bs-wizard {border-bottom: solid 1px #e0e0e0; padding: 0 0 10px 0;}
.bs-wizard > .bs-wizard-step {padding: 0; position: relative; width: 20%;}
.bs-wizard > .bs-wizard-step + .bs-wizard-step {}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #595959; font-size: 16px; margin-bottom: 5px;}
.bs-wizard > .bs-wizard-step .bs-wizard-info {color: #999; font-size: 14px;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 50px; height: 50px; display: block; background: #f9f9f9; color:#65ce65; border:3px #65ce65 solid; top: 45px; left: 50%; margin-top: -35px; margin-left: -27px; border-radius: 50%;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {content: ''; width: 50px; height: 50px; text-align:center; color:red; border-radius: 50px; position: absolute;  left:0px; }
.bs-wizard > .bs-wizard-step > .progress {background-color:#e4e4e4 !important; position: relative; border-radius: 0px; height: 10px; box-shadow: none; margin: 30px 0;}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: #65ce65;}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%;}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #f0f0f0; border: 3px #f0f0f0 solid;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;}
.bs-wizard > .bs-wizard-step:first-child  > .progress {left: 50%; width: 50%;}
body[dir="rtl"] .bs-wizard > .bs-wizard-step:first-child > .progress {
    left: -50%;
    width: 50%;
}
.bs-wizard > .bs-wizard-step:last-child  > .progress {width: 50%;}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; }
/*END Form Wizard*/
/*=========================================================================*/
.tracking-detail {
    padding:3rem 0
}
#tracking {
    margin-bottom:1rem
}
[class*=tracking-status-] p {
    margin:0;
    font-size:1.1rem;
    color:#fff;
    text-transform:uppercase;
    text-align:center
}
.tracking-list {
    border:1px solid #e5e5e5
}
.tracking-item {
    border-left:1px solid #e5e5e5;
    position:relative;
    padding:1rem 1.5rem .5rem 2rem;
    font-size:.8rem;
    margin-left:3rem;
    min-height:3rem
}
.tracking-item:last-child {
    padding-bottom:4rem
}
.tracking-item .tracking-date {
    margin-bottom:.5rem
}
.tracking-item .tracking-date span {
    color:#888;
    font-size:85%;
    padding-left:.4rem
}
.tracking-item .tracking-content {
    padding:.5rem .8rem;
    background-color:#f4f4f4;
    border-radius:.5rem
}
.tracking-item .tracking-content span {
    display:block;
    color:#888;
    font-size:85%
}
.tracking-item .tracking-icon {
    line-height:0.6rem;
    position:absolute;
    left:-0.9rem;
    width:1.6rem;
    height:1.6rem;
    text-align:center;
    border-radius:50%;
    font-size:1.1rem;
    background-color:#fff;
    color:#fff
}
.tracking-item .tracking-icon.status-sponsored {
    background-color:#f68
}
.tracking-item .tracking-icon.status-delivered {
    background-color:#4cbb87
}
.tracking-item .tracking-icon.status-outfordelivery {
    background-color:#f5a551
}
.tracking-item .tracking-icon.status-deliveryoffice {
    background-color:#f7dc6f
}
.tracking-item .tracking-icon.status-attemptfail {
    background-color:#b789c7
}
.tracking-item .tracking-icon.status-exception {
    background-color:#d26759
}
.tracking-item .tracking-icon.status-inforeceived {
    background-color:#214977
}
.tracking-item .tracking-icon.status-intransit {
    color:#e5e5e5;
    border:1px solid #e5e5e5;
    font-size:.6rem
}
@media(min-width:992px) {
    .tracking-item {
        margin-left:10rem
    }
    .tracking-item .tracking-date {
        position:absolute;
        left:-10rem;
        width:7.5rem;
        text-align:right
    }
    .tracking-item .tracking-date span {
        display:block
    }
    .tracking-item .tracking-content {
        padding:0;
        background-color:transparent
    }
}
/*====================================================================*/
.checkout-summary th, .checkout-summary td{
    padding:0.25rem;
}

.cc-selector input{
    margin:0;padding:0;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
}

.cc-selector-2 input{
    position:absolute;
    z-index:999;
}


.cc-selector-2 input:active +.drinkcard-cc, .cc-selector input:active +.drinkcard-cc{opacity: .9;}
.cc-selector-2 input:checked +.drinkcard-cc, .cc-selector input:checked +.drinkcard-cc{
    -webkit-filter: none;
    -moz-filter: none;
    filter: none;
}
.drinkcard-cc{
    cursor:pointer;
    background-size:contain;
    background-repeat:no-repeat;
    display:inline-block;
    width:100px;height:70px;
    -webkit-transition: all 100ms ease-in;
    -moz-transition: all 100ms ease-in;
    transition: all 100ms ease-in;
    -webkit-filter: brightness(1.8) grayscale(1) opacity(.7);
    -moz-filter: brightness(1.8) grayscale(1) opacity(.7);
    filter: brightness(1.8) grayscale(1) opacity(.7);
}
.drinkcard-cc:hover{
    -webkit-filter: brightness(1.2) grayscale(.5) opacity(.9);
    -moz-filter: brightness(1.2) grayscale(.5) opacity(.9);
    filter: brightness(1.2) grayscale(.5) opacity(.9);
}

#addressModal  {max-width:80% !important;}

@media (min-width: 576px) {
    #addressModal {
        max-width: 500px;
        margin: 140px auto;
    }
    #addressModal .modal-sm {
        max-width: 300px;
    }
}

@media (min-width: 992px) {
    #addressModal .modal-lg {
        max-width: 80px;
    }
}

 .delivery .card-header{
     border-bottom: 0px !important;
 }
/*.heart{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 45px;
    width: 45px;
    border-radius: 200px;
    border: 1px solid #ced4da;
    font-size: 1rem;
    color: #F0CA4D;
    text-decoration: none;
    margin-left: 30px;
    margin-right: 7px;
    cursor: pointer;
}*/
/*.heart .badge {
    font-family: "Roboto", sans-serif;
    position: absolute;
    top: -2px;
    right:12px;
    border-radius: 50px;
}*/
.checked {
    color: #F0CA4D;
}